<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>登陆</title>
  <script
          src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
  </script>
</head>
<style>
  #login .container #login-row #login-column #login-box {
    border: 1px solid #9C9C9C;
    background-color: #EAEAEA;
  }
</style>

<body>
<div id="login">
  <div class="container">
    <div id="login-row" class="row justify-content-center align-items-center">
      <div id="login-column" class="col-md-6">
        <div id="login-box" class="col-md-12">
          <form id="login-form" class="form" action="/doLogin?target=/hello" method="post">
            <h3 class="text-center text-info">登录</h3>
            <div th:text="${SPRING_SECURITY_LAST_EXCEPTION}"></div>
            <div class="form-group">
              <label for="username" class="text-info">用户名:</label><br><input type="text" name="uname"
                                                                                id="username"
                                                                                class="form-control">
            </div>
            <div class="form-group">
              <label for="password"
                     class="text-info">密码:</label><br><input type="text" name="passwd" id="password"
                                                               class="form-control">
            </div>
            <div class="form-group">
              <input type="submit" name="submit" class="btn btn-info btn-md" value="登录">
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

</body>
</html>